import { Helmet } from "react-helmet-async";
import { Card, Layout, Typography } from "antd";
// import { ThemeSwitch } from "@/components/theme-switch";
import LoginForm from "./components/login-form";
// import ThirdPartyLogin from "./components/third-party-login";

export default function Login() {
  return (
    <>
      <Helmet>
        <title>登录 | {import.meta.env.VITE_APP_TITLE_SUFFIX}</title>
      </Helmet>
      <Layout className="min-h-screen relative">
        <Layout.Content className="flex">
          <div className="hidden md:w-3/5 md:flex justify-center items-center">
            <img
              src="https://plugin-dev.ts-martech.com/login/login_bg.png"
              className="w-full h-[100vh] object-cover"
            ></img>
          </div>
          <div className="w-screen md:w-2/5 flex justify-center items-center bg-white px-8 ">
            <Card
              title={
                <Typography.Title level={2} className="flex justify-center pt-8 pb-4">
                  欢迎登录达人agent管理平台
                </Typography.Title>
              }
              className="shadow-md"
            >
              <LoginForm />
              {/* <Divider>其他登录方式</Divider>
              <ThirdPartyLogin /> */}
            </Card>
          </div>
        </Layout.Content>
        {/* <div className="absolute top-4 right-4">
          <ThemeSwitch />
        </div> */}
      </Layout>
    </>
  );
}
